<div style="width: 600px;">
  <!--装备栏-->
  <div class="am-fl" >
    <div class="am-btn-toolbar am-text-center"  >
      <div class="am-btn-group  am-btn-group-lg  am-btn-group-stacked" role="group" aria-label="eqment">
        <button mdTooltip="右手武器"  mdTooltipPosition="left"  type="button" class="am-btn am-btn-default btn-sword btn-eqment" (click)="steveutil.unloadSkin('sword',this)">
          &nbsp;&nbsp;&nbsp;&nbsp;
        </button>
        <button mdTooltip="左手盾牌"  mdTooltipPosition="left"  type="button" class="am-btn am-btn-default btn-shield btn-eqment" (click)="steveutil.unloadSkin('shield',this)">
          &nbsp;&nbsp;&nbsp;&nbsp;
        </button>
        <button mdTooltip="远程武器"  mdTooltipPosition="left"  type="button" class="am-btn am-btn-default btn-bow btn-eqment" (click)="steveutil.unloadSkin('bow',this)">
          &nbsp;&nbsp;&nbsp;&nbsp;
        </button>
        <button mdTooltip="弹药"  mdTooltipPosition="left"  type="button" class="am-btn am-btn-default btn-arrow btn-eqment" (click)="steveutil.unloadSkin('arrow',this)">
          &nbsp;&nbsp;&nbsp;&nbsp;
        </button>
        <button mdTooltip="头盔"  mdTooltipPosition="left"  type="button" class="am-btn am-btn-default btn-head btn-eqment" (click)="steveutil.unloadSkin('head',this)">
          &nbsp;&nbsp;&nbsp;&nbsp;
        </button>
        <button mdTooltip="胸甲"  mdTooltipPosition="left"  type="button" class="am-btn am-btn-default btn-chest btn-eqment" (click)="steveutil.unloadSkin('chest',this)">
          &nbsp;&nbsp;&nbsp;&nbsp;
        </button>
        <button mdTooltip="护腿"  mdTooltipPosition="left"   type="button" class="am-btn am-btn-default btn-legs btn-eqment" (click)="steveutil.unloadSkin('legs',this)">
          &nbsp;&nbsp;&nbsp;&nbsp;
        </button>
        <button mdTooltip="鞋子"  mdTooltipPosition="left"  type="button" class="am-btn am-btn-default btn-feet btn-eqment" (click)="steveutil.unloadSkin('feet',this)">
          &nbsp;&nbsp;&nbsp;&nbsp;
        </button>
        <button mdTooltip="翅膀"  mdTooltipPosition="left"  type="button" class="am-btn am-btn-default btn-wings btn-eqment" (click)="steveutil.unloadSkin('wings',this)">
          &nbsp;&nbsp;&nbsp;&nbsp;
        </button>
        <a class="am-btn">
          &nbsp;
        </a>
        <button mdTooltip="一键清空"  mdTooltipPosition="left"  class="am-btn am-btn-danger btn-clear" (click)="steveutil.clearSkins()">
          <i class="am-icon-trash-o am-icon-sm"></i>
        </button>
      </div>
      <!--<div class="am-btn-group  am-btn-group-lg am-fr">-->

      <!--</div>-->
    </div>
  </div>
  <!--展示栏-->
  <div class="am-fl" style="width:530px;height: 530px;cursor: default;margin-left: 1px">
    <div id="gameContainer" style="height: 100%"></div>
  </div>
  <!--缩放操作栏-->
  <div class="am-fl" style="margin-left: -55px;z-index: 99">
    <div class="am-btn-toolbar am-text-center"  >
      <div class="am-btn-group  am-btn-group-lg  am-btn-group-stacked" role="group" aria-label="oper">
        <a class="am-btn" (click)="steveutil.radiusOper('+')">
          <i class="am-icon-search-plus  am-icon-sm"></i>
        </a>
        <a class="am-btn" (click)="steveutil.radiusOper('-')">
          <i class="am-icon-search-minus am-icon-sm"></i>
        </a>
        <a class="am-btn" (click)="steveutil.chtOper('+')">
          <i class="am-icon-chevron-up  am-icon-sm"></i>
        </a>
        <a class="am-btn" (click)="steveutil.chtOper('-')">
          <i class="am-icon-chevron-down am-icon-sm"></i>
        </a>
        <a class="am-btn" (click)="steveutil.resetSteve()">
          <i class="am-icon-undo am-icon-sm"></i>
        </a>
      </div>
    </div>
  </div>
  <!--背景图片栏-->
  <div class="am-fl" style="width:100%;margin-top: 5px">

    <div class="am-btn-group  am-btn-group-lg" role="group" style="margin-left: 15px" aria-label="skinoper">
      <a class="am-btn ">
        &nbsp;
      </a>
      <a class="am-btn am-btn-default" (click)="steveutil.setBackgroundImg('bg1.jpg')">
        林
      </a>
      <a class="am-btn am-btn-default" (click)="steveutil.setBackgroundImg('bg2.png')">
        海
      </a>
      <a class="am-btn am-btn-default" (click)="steveutil.setBackgroundImg('bg3.png')">
        杀
      </a>
      <a class="am-btn am-btn-default" (click)="steveutil.setBackgroundImg('bg4.png')">
        星
      </a>
      <a class="am-btn am-btn-default"  (click)="steveutil.setBackgroundImg('bg5.png')">
        山
      </a>

    </div>
  </div>
</div>
